<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">

  <%- include src/pages/common/styles.html -%>
  
  <title>合同信息</title>
</head>
<body class="<%= htmlWebpackPlugin.options.data.tplConfig.bodyClass || '' %>">
  <%- include src/pages/common/header.html -%>

  <div class="content order-detail">
    <div class="main-container">

      <div class="contract-board">
        <div class="contract__manager">
          <h6 class="title">客户经理</h6>
          <p class="desc">
            <i class="icon icon--manager"></i>邓涛
          </p>
          <p class="desc">
            <i class="icon icon--telephone"></i>15822320235
          </p>
        </div>
        <div class="contract__status contract__status--signing">
          <div class="status__head">贷款订单状态</div>
          <div class="status__img">
            <!-- <img src="<%= require('images/signing.png') %>" alt="待签署"> -->
            <img src="<%= require('images/resign.png') %>" alt="重新签署">
            <!-- <img src="<%= require('images/lending.png') %>" alt="待放款"> -->
            <!-- <img src="<%= require('images/refunding.png') %>" alt="还款中"> -->
            <!-- <img src="<%= require('images/closeout.png') %>" alt="已结清"> -->
          </div>
          <div class="status__desc">借款合同需重签</div>
        </div>
        <div class="contract__info">
          <ul class="info__list">
            <li>
              <label class="info__label">申请编号：</label>
              <p class="info__content">OL1239201212030045</p>
            </li>
            <li>
              <label class="info__label">申请提交时间：</label>
              <p class="info__content">2018-05-31 16:49</p>
            </li>
            <li>
              <label class="info__label">借款合同：</label>
              <p class="info__content"><a href class="badge">下载合同</a></p>
              <!-- <p class="info__content"><a href class="badge disabled">下载合同</a></p> -->
            </li>
            <li>
              <label class="info__label">借款合同编号：</label>
              <p class="info__content">L-VST-60-20180428-0004</p>
            </li>
            <li>
              <label class="info__label">签署时间：</label>
              <p class="info__content">2018-06-01  16:49</p>
            </li>
          </ul>
        </div>
      </div>

      <ul class="flatabs">
        <li class="flatab"><a href="/build/pages/order/basicinfo.html">基本信息</a></li>
        <li class="flatab active"><a href="javascript: void(0)">产品及利率</a></li>
        <li class="flatab"><a href="/build/pages/order/contract.html">合同信息</a></li>
      </ul>

      <div class="tab-content">
        <div class="mb-30">
          <div class="linehead"><h3>产品类型：<span class="text-primary">接力贷</span></h3></div>
          <div class="product-visualizer">
            <div class="visualizer__spec">
              <p class="spec__hd">批准金额</p>
              <div class="spec__bd">
                <div class="layered-coins">
                  <div class="layered-coins__inner"></div>
                  <p class="layered-coins__amount">103840,000.00元</p>
                </div>
              </div>
            </div>
            <div class="visualizer__spec">
              <p class="spec__hd">批准期限</p>
              <div class="spec__bd">
                <div class="period">
                  90天
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="interest mb-50">
          <div class="interest__left">
            <div class="linehead"><h3>利率及期限</h3></div>
            <form action="">
              <div class="form-group">
                <label class="form__label">利率性质</label>
                <input type="text" class="form-control" readonly value="固定性质">
              </div>
              <div class="form-group">
                <label class="form__label">年利率%</label>
                <input type="text" class="form-control" readonly value="6.0">
              </div>
            </form>
          </div>
          <div class="interest__right">
            <div class="linehead"><h3>还款及计息方式</h3></div>
            <form>
              <div class="interest-form-group">
                <div class="form-group">
                  <label class="form__label">计息方式</label>
                  <select class="form-control selectpicker" disabled>
                    <option>分期还本付息</option>
                  </select>
                </div>
                <div class="form-group">
                  <label class="form__label">期数</label>
                  <select class="form-control selectpicker" disabled>
                    <option>2</option>
                  </select>
                </div>
              </div>
              <div class="interest-form-group">
                <div class="form-group">
                  <label class="form__label">起息日起</label>
                  <input type="text" class="form-control" readonly value="2018-04-01">
                </div>
                <div class="form-group">
                  <label class="form__label">止息日期</label>
                  <input type="text" class="form-control" readonly value="2018-04-30">
                </div>
              </div>
            </form>
          </div>
        </div>
        <div class="mb-40">
          <div class="linehead"><h3>还款计划</h3></div>
          <table class="table table-striped">
            <thead>
              <tr>
                <th>还款期数</th>
                <th>应还日期</th>
                <th>起息日期</th>
                <th>止息日期</th>
                <th>应还本金（元）</th>
                <th>应还利息（元）</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>1</td>
                <td>2018-03-03</td>
                <td>2018-03-03</td>
                <td>2018-03-03</td>
                <td>666668.99</td>
                <td>1666.00</td>
              </tr>
              <tr>
                <td>2</td>
                <td>2018-03-03</td>
                <td>2018-03-03</td>
                <td>2018-03-03</td>
                <td>666668.99</td>
                <td>1666.00</td>
              </tr>
              <tr>
                <td>3</td>
                <td>2018-03-03</td>
                <td>2018-03-03</td>
                <td>2018-03-03</td>
                <td>666668.99</td>
                <td>1666.00</td>
              </tr>
              <tr>
                <td>3</td>
                <td>2018-03-03</td>
                <td>2018-03-03</td>
                <td>2018-03-03</td>
                <td>666668.99</td>
                <td>1666.00</td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>

    </div>
  </div>

  <%- include src/pages/common/footer.html -%>
  <%- include src/pages/common/scripts.html -%>
</body>
</html>